<template>
	<!-- 创店-活动详情-任务答题-提交成功 -->
	<view>
		<view class="content">
			<view class="content_">
				<!-- <image class="content_image" src="https://z3.ax1x.com/2021/09/23/4wXLrt.png"></image> -->
				<image class="content_image" src="https://z3.ax1x.com/2021/09/25/4sUGSs.png"></image>
				<view class="content_text">提交成功</view>
			</view>
		</view>
		
		<view class="foot">
			<view class="foot_1" @click="goAnswerSheet">查看答卷</view>
			<view class="foot_2" @click="goActivityDetails">返回活动详情</view>
		</view>
		
	</view>
</template>

<script>
	export default {
		data() {
			return {
				// menuButtonInfo: {
				// 	top: 25
				// },
				index: '',
				activityId: ''
			}
		},
		onLoad(param) {
			this.init(param)
		},
		methods: {
			init(param) {
				// // #ifndef H5 || APP-PLUS || MP-ALIPAY
				// this.menuButtonInfo = uni.getMenuButtonBoundingClientRect()
				// // #endif
				if(param && param.index){
					this.index = param.index
					this.activityId = param.activityId
				}
				
			},
			goNavigateBack() {
				uni.navigateBack()
			},
			goActivityDetails() {
				// uni.navigateTo({
				// 	url: "../activityDetails/activityDetails"
				// })
				uni.redirectTo({
					url: "../activityDetails/activityDetails?activityId=" + this.activityId
				})
			},
			goAnswerSheet() {
				uni.navigateTo({
					url: "../answerSheet/answerSheet?index=" + this.index +  "&activityId=" + this.activityId
				})
			}
		}
	}
</script>

<style>
	.bg_top{
		width: 750rpx;
		background-color: #ffffff;
		position: fixed;
		z-index: 9;
	}
	.z_index{
		z-index: 10;
	}
	.top{
		width: 750rpx;
		height: 48rpx;
		background-color: #FFFFFF;
		position: fixed;
		padding-bottom: 20rpx;
	}
	.top_icon{
		margin-left: 32rpx;
		display: inline-block;
	}
	.top_title{
		position: absolute;
		font-size:34rpx;
		font-weight: 500;
		line-height: 48rpx;
		display: inline-block;
		left: 50%;
		transform: translate(-50%);
	}
	.content{
		width: 750rpx;
		height: 100vh;
		position: relative;
	}
	.content_{
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-80%);
	}
	.content_image{
		width: 462rpx;
		height: 462rpx;
	}
	.content_text{
		text-align: center;
		font-size: 36rpx;
		font-weight: 700;
		position: relative;
		top: -40rpx;
	}
	.foot{
		position: fixed;
		bottom: 86rpx;
		width: 670rpx;
		text-align: center;
		margin: 0 40rpx;
	}
	.foot_1{
		width: 320rpx;
		height: 84rpx;
		border: 2rpx solid #c8cacc;
		border-radius: 6px;
		line-height: 84rpx;
		display: inline-block;
		font-weight: 700;
		color: #606266;
		margin-right: 22rpx;
	}
	.foot_2{
		width: 324rpx;
		height: 84rpx;
		color: #FFFFFF;
		font-weight: 700;
		line-height: 84rpx;
		background: #f10200;
		border-radius: 6px;
		display: inline-block;
	}
</style>
